<!doctype html>
<html lang="en" style="background:#fff;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/normalUser.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <script src="../../js/api.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script>
        setToken();
        $(function () {
            $(".szhy").tap(function () {
                $(".szhy").find("img").attr("src","../../img/radioIcon2@2x.png");
                $(this).find("img").attr("src","../../img/radioIcon.png")
            });
            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('用户升级');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
            var app = new Vue({
                el: '#ksrz',
                data:{
                    "code":"userUpgrade",
                    account: {}
                },
                mounted:function() {
                    this.$nextTick(function () {
                        this.aaa();
                    })
                },
                methods: {
                    aaa:function(){
                        this.$http.get(SURL+"app/article/getArticle",{params:{code:this.code}}).then(function (res) {
                            console.log(res.body.data);
                            if(res.body.status == 1) {
                                this.account = res.body.data;
                            }
                        })
                    }
                }
            })
        })
    </script>
    <title>用户升级</title>
</head>
<body style="background:#fff;">
    <div class="hm-bar"></div>
    <div id="ksrz">
        <div class="center-order" style="border-bottom: 0;">
            <div class="center-account">
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">用户身份</div>
                    <div class="font-base-28 center-account-money">
                        <label class="szhy">
                            <img class="sh-radio" src="../../img/radioIcon.png" alt=""/>
                            主管
                        </label>
                        <label class="szhy">
                            <img class="sh-radio" src="../../img/radioIcon2@2x.png" alt=""/>
                            经理
                        </label>
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">支付金额</div>
                    <div class="font-base-28 center-account-money">
                        <span>997.00</span>
                    </div>
                </div>
                <div class="center-account-public">
                    <div class="font-base-28 rz-txt">获得积分</div>
                    <div class="font-base-28 center-account-money">
                        <span>99700.00</span>
                    </div>
                </div>
            </div>
            <div class="center-account">
                <div class="sfsj">
                    <div>
                        <img class="sfsjIcon" src="../../img/sfsjIcon.png" alt=""/>
                        <ul class="sfsjBox">
                            <li>身份名称</li>
                            <li>主管</li>
                        </ul>
                    </div>
                    <div>
                        <img class="sfsjIcon" src="../../img/sfsjIcon2.png" alt=""/>
                        <ul class="sfsjBox">
                            <li>充值金额</li>
                            <li>997</li>
                        </ul>
                    </div>
                    <div>
                        <img class="sfsjIcon" src="../../img/sfsjIcon2.png" alt=""/>
                        <ul class="sfsjBox">
                            <li>特权说吗</li>
                            <li>
                                1、VIP商家每月日常活动可以免费提交1-3个商品报名；<br>
                                2、报名商品审核专员会进行快速审核排期；<br>
                                3、网站、手机APP客户端、内页图片广告位资源位可免费进行获取（商家进行作图）；<br>
                                4、针对于节日如年中大促、情人节、元旦、双十一、双十二等活动专场免费入场报名；<br>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <a class="btn btn-blue btn-mt" href="">提交</a>
    </div>
</body>
</html>